<!DOCTYPE html >
<html>
<head>
<meta name="Generator" content="TPshop v1.1" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>话术管理</title>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<!-- <link rel="stylesheet" href="../../css/footer.css"> -->
<link rel="stylesheet" href="../../css/font_my/iconfont.css">

<style type="text/css">
	body,html{
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		overflow-x: hidden;
		color:#555555;
		background: #fff;
	}
	p{
		margin: 0;
		line-height: 50px;
	}
	.trick{
		width: calc(100% - 20px);
		height: 100%;
		padding: 0 10px;
		display: flex;
	}
	.trickL{
		width: 100px;
		height: 100%;
		border-right: 1px solid #ccc;
		text-align: center;
	}
	.trickR{
		width: calc(100% - 90px);
		height: 100%;
	}
	.trickPs{
		background: #4f81d4;
		color:#fff;
	}
	.trickdiv{
		height: 50px;
	}
	.trickFont{
		width: 80px;
		line-height: 30px;
		margin:10px 10px 10px 0;
	}
	.trickse{
		background: #4f81d4;
		color: #fff;
	}
	.trickRjia{
		width: 100%;
		line-height: 35px;
		color: #4f81d4;
		text-indent: 10px;
	}
	




</style>

</head>
<body>
	<div class="trick">
		<div class="trickL">
			<div class="trickdiv trickdiv1"><div class="trickFont trickse" did='1'>最近使用</div></div>
			<div class="trickdiv trickdiv2"><div class="trickFont" did='2'>提问</div></div>
			<div class="trickdiv trickdiv3"><div class="trickFont" did='3'>欢迎</div></div>
			<div class="trickadds"></div>
			<div class="trickdiv trickdivs"><div class="trickFont" did='9'>自定义</div></div>

		</div>
		<div class="trickR"></div>


	</div>

<script src='../../js/jquery.js'></script>
<script type="text/javascript">
// $(".trickdivs").click(function(){
// 	var jia = $("<div class='trickRjia'>456456456456asd4fasd46</div>")
// 	$(jia).appendTo(".trickR")
// })
var trickFont = document.querySelectorAll(".trickFont")
     Array.from(trickFont).forEach(function(c,d){
      c.onclick = function(){
      	Array.from(trickFont).forEach(function(a,b){
		      a.classList.remove("trickse")
	    })
	    c.classList.add("trickse")
	    if(c.getAttribute("did") == 9){
	    	var jia = $("<div class='trickRjia'><i class='iconfont icon-jiahao'></i> 添加话术</div>")
			$(jia).appendTo(".trickR")
			$(".trickRjia").click(function(){
				addHUa()
			})
	    }
      }
    })
    function addHUa(){
    	console.log(11111111)
    	window.location.href='trickAdd.html'
    }
</script>
</body>
</html>